/**
 * Created by user25 on 2017/12/18.
 */
function aa(){
    var leftSlide = document.querySelector(".leftSlide");
    var p = leftSlide.getElementsByTagName("p");
    for (let i=0;i< p.length;i++){
        p[i].addEventListener("click",function(){
            for(let y=0;y< p.length;y++){
                p[y].style.background = "#fff";
                p[y].style.color = "#898989";
            }
            p[i].style.background = "#6a97f4";
            p[i].style.color = "#fff";
            console.log(i)
        })
    }
}
aa();
 //商品列表部分
$(function(){
    $(".icon").click(function(){
        $(".leftSlide").toggleClass("slide");
        showMask();
    })
    //显示遮罩层的函数
    function showMask(){
        //#mask的高度等于浏览器的宽度
        $("#mask").css("height",$(document).height());
        //#mask的宽度等于浏览器的高度
        $("#mask").css("width",$(document).width());
        //点击显示
        $("#mask").show();
    }
    $("#mask").click(function(){
        $(".leftSlide").toggleClass("slide")
        hideMask();
    })
    //隐藏遮罩层
    function hideMask(){
        $("#mask").hide();
    }
})
